<!----------------------------------footer---------------------------------->
 
  
  <div class="hidden-xs buttom">
  	  <div class="col-xs-3 footer-left">
  	  	<div class="tubiao">
  	  		<img src="../../public/images/店铺管理/phone-num.png" width="195px"/>
  	  		<p>
  	  			<img style="margin-bottom: 8px;" src="../../public/images/店铺管理/icon-phone.png" width="14px"/>
  	  			<span style="margin:0 0 0 10px;font-size: 14px;color: #ff6b3f;font-family:宋体 ;">全国客服热线</span>
  	  		</p>
  	  		<div class="wechat"></div>
  	  		<div class="fourpicture">
	  	  		<div class="col-xs-3">
	  	  			<div class="center">
	  	  				<a href="">
	  	  					<img src="../../public/images/店铺管理/qq.png"width="30px"/>
	  	  				</a>
	  	  			</div>
	  	  		</div>
	  	  		<div class="col-xs-3">
	  	  			<div class="center"> 	  				
	  	  				<img onmouseover="show1(event)"onmouseleave="show2(event)" src="../../public/images/店铺管理/wechat.png"width="30px"/>
	  	  			</div>
	  	  		</div>
	  	  		<div class="col-xs-3">
	  	  			<div class="center">
	  	  				<a href="">
	  	  					<img src="../../public/images/店铺管理/sina.png"width="30px"/>
	  	  				</a>
	  	  			</div>
	  	  		</div>
	  	  		<div class="col-xs-3">
  	  			<div class="center">
  	  				<a href="">
  	  					<img src="../../public/images/店铺管理/tencent.png"width="30px"/>
  	  				</a>
  	  			</div>
  	  		</div>
  	  		</div>
  	  	</div>
  	  </div>
<!------------- 底部列表----------------------->	 
  	  <div class="col-xs-7"  id="footer">
  	  	<div class="list col-xs-off">
  	  		<div class="">
  	  			<div class="uu col-xs-2" v-for='lia in lists'>
  	  				<p><a href="" style="font-size: 14px;"><strong>{{lia.pa}}</strong></a></p>
  	  				<ul>
  	  					<li><a href="">{{lia.a1}}</a></li>
  	  					<li><a href="">{{lia.a2}}</a></li>
  	  					<li><a href="">{{lia.a3}}</a></li>
  	  					<li><a href="">{{lia.a4}}</a></li>
  	  				</ul>
  	  			</div>
  	  		</div>
  	  	</div>
  	  </div>
  	  
  	  <div class="col-xs-12">
  	  	<hr />
  	  	<p class="text-center">&copy; <span>2010-2017 生意专家</span>™
  	  	  <a href="" style="margin: 0 10px 0 15px;">服务条款</a>
  	  	  <a href="" style="margin-right: 10px;">隐私政策</a>
  	  	  <a href="">网站地图</a>
  	  	</p>
  	  </div>
  	  
  </div>
<script>
	var wechat = document.getElementsByClassName('wechat')[0]
	   function show1()
	    {
	    	wechat.style.display ='block';
	    }
	     function show2()
	    {
	    	wechat.style.display ='none';
	    }

    new Vue({
    	el:"#footer",
    	data:
    	{
    		lists:[
    		  {
    		  	pa:'店铺管理',
    		  	a1:'收银记账',
    		  	a2:'商品管理',
    		  	a3:'会员管理',
    		  	a4:'连锁店管理'
    		  },
    		  {
    		  	pa:'会员营销',
    		  	a1:'短信营销',
    		  	a2:'手机橱窗',
    		  	a3:'微信营销',
    		  	a4:'优惠券'
    		  },
    		  {
    		  	pa:'生意专家',
    		  	a1:'关于我们',
    		  	a2:'工作机会',
    		  	a3:'用户故事',
    		  	a4:'价格资费'
    		  },
    		  {
    		  	pa:'自助服务',
    		  	a1:'开店论坛',
    		  	a2:'常见问题',
    		  	a3:'权益保障',
    		  	a4:'所有功能'
    		  },
    		  {
    		  	pa:'合作运营',
    		  	a1:'企业连锁用户专区',
    		  	a2:'城市合伙人',
    		  	a3:'生意开发平台'
    		  }
    		]
    	}
    })
</script>